*{
	padding:0;margin:0;
}
#box{
	width:100%;
	height:840px;
	background-color:#F0F0F0;
}

/*==========头部=============*/
.box-header{ 
    background-color:#000;
    color:white;
    width:100%;
    height:36px;
    min-width:320px;
    border:0px solid red;
    	}
.box-header-div1{
    width:30%;
 /*   height:36px;*/
    border:0px solid #000;
   	float:left;
    }
.box-header-div1_div1{
    width:10%;
   /* height:36px;*/
    margin-left:10px;
    line-height:36px;
    float:left;
    border:0px solid #000;
    }
.box-header-div1_div1 img{
    width:12px;
    height:20px;
    }
.box-header-div1-div2{
    width:50%;
   /* height:36px;*/
    line-height:36px;
    float:left;
    border:0px solid #000;
    	}
.box-header-div1-div2 a{
    color:white;
    font-size:1.4rem;
    line-height:23px;
    text-decoration:none ;
    }
.box-header-div2{
    width:40%;
   /* height:36px;*/
    border:0px solid #000;
    text-align:center;
    line-height:36px;
    float:left;
    font-size:1.4rem;
   }
.box-header-div2{
    color:white;
   }
.box-header-div3{
    width:30%;
  /*  height:36px;*/
    line-height:36px ;
    border:0px solid #000;
    float:left;
   }
.box-header-div3 img{
    margin-left:60%;
   }
   
/*===========轮播=========*/
.carousel-inner img{
	width:100%;
}
.myCarousel{
	min-width:320px;
}
/*========top===========*/
.top{
 	width:100%;
 	height:175px;
 	min-width:320px;
 	background-color:#fff;
 }
 .top-top{
 	width:94%;
 	height:95px;
 	margin-left:3%;
 	border:0px solid #000;
 }
.top-top-div2{
	width:100%;
	height:98px;
 	border:0px solid red;
}
.top-top-div2 p{
	padding-top:10px;
	font-size:14px;
}
.top-top-div2 label{
	color:#BEBEBE;
	font-size:13px;
	
}
.top-content{
	width:94%;
	height:40px;
	margin-left:3%;
 	border:0px solid red;
}
.top-content-left{
    float:left; 
	width:30%;
	height:40px;
	border:0px solid red;
}
.top-content-left p{
	font-size:13px;
	line-height:30px;
}
.top-content-left b{
	color:#BEBEBE;
}
.top-content-right{
	float:left;
	width:60%;
	height:40px;
	border:0px solid red;
	line-height:30px;
}
.top-content-right span{
	color:#BEBEBE;
	font-size:13px;
}
.top-bottom{
	width:94%;
	height:40px;
	margin-left:3%;
 	border:0px solid red;
}
.top-bottom-left{
	width:50%;
	height:40px;
	line-height:33px;
	float:left;
 	border:0px solid red;
}
.top-bottom-left p{
	color:#F64D31;
	font-size:17px;
	/*line-height:50px;*/
}
.top-bottom-right{
	width:50%;
	height:40px;
	float:left;
 	border:0px solid red;
}
.top-bottom-right input{
	width:100px;
	height:30px;
	background-color:#13B7F6;
	color:#fff;
	border:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
    font-size:14px ;
}
/*=====bottom=======*/
.button{
	width:94%;
	height:220px;
	min-width:320px;
	border:0px solid red;
	background-color:#fff;
	margin-left:3%;
	margin-top:10px;
}
.button-box{
	width:96%;
	height:50px;
	margin-left:2%;
	border:0px solid #F5F5F5;
	border-bottom:2px solid #F5F5F5 ;
}
.button-box a{
	text-decoration: none;
	color:#000;
}
.button-box-left{
	width:40%;
	height:49px;
	margin-left:5%;
	border:0px solid #36C2F7;
	float:left;
}
.button-box-left p{
	text-align:center;
	font-size:1.4rem;
	line-height:55px;
}
.button-box-right{
	width:40%;
	height:49px;
	border:0px solid red;
	border-bottom:3px solid #36C2F7;
	margin-left:10%;
	float:left;
}
.button-box-right p{
	text-align:center;
	font-size:1.4rem;
	line-height:55px;
}

.button-dian{
	width:86%;
	height:150px;
	border:0px solid red;
	margin-left:7%;
	margin-top:25px;
}
.button-dian-left{
	width:100%;
	height:49px;
	border:0px solid #DCF4FE;
	border-left:1px solid #DCF4FE;
}
.button-dian-middle{
	width:100%;
	height:49px;
	border:0px solid #DCF4FE;
	border-left:1px solid #DCF4FE;
}
.button-dian-bottom{
	width:100%;
	height:49px;
	border:0px solid #DCF4FE;
}
.button-dian-left-dian{
	width:10px;
	height:10px;
	background-color:#38C2F5;
	border-radius:100%;
	-webkit-border-radius:100% ;
	-moz-border-radius:100% ;
	-ms-border-radius:100% ;
	margin-top:-5px;
	margin-left:-1.6%;
}
.button-dian-left-dian1 p{
	margin-top:-13px;
	padding-left:5%;
	font-size:10px;
	color:#333333;
}



@media screen and (min-width:340px) {
	#box{
		height:930px;
	}
	.top-top-div2 p{
		font-size:20px;
	}
	.top-top-div2 label{
		font-size:16px;
	}
	.top-content-left p{
		font-size:16px;
	}
	.top-content-right span{
		font-size:16px;
	}
	.top{
		height:200px;
	}
	.top-content{
		margin-top:10px;
	}
	.top-bottom-left p{
		font-size:20px;
	}
	.top-bottom-right input{
		width:130px;
		font-size:18px;
	}
	.button{
		height:230px;
	}
	.button-box-left p{
		font-size:1.6rem;
	}
	.button-box-right p{
		font-size:1.6rem;
	}
	.button-dian-left-dian1 p{
		font-size:13px;
		}
	
}
@media screen and (min-width:400px) {
	#box{
		height:1000px;
	}
	.button{
		height:230px;
	}
	.button-box-left p{
		font-size:1.7rem;
	}
	.button-box-right p{
		font-size:1.7rem;
	}
	.button-dian-left-dian1 p{
		font-size:14px;
		margin-top:-15px;
		}
	
}
@media screen and (min-width:470px) {
	#box{
		height:1100px;
	}
	
	.top-top-div2 p{
		font-size:23px;
	}
	.top-top-div2 label{
		font-size:18px;
	}
	.top-content-left p{
		font-size:18px;
	}
	.top-content-right span{
		font-size:18px;
	}
	.top{
		height:200px;
	}
	.top-content{
		margin-top:10px;
	}
	.top-bottom-left p{
		font-size:26px;
	}
	.top-bottom-right input{
		width:150px;
		height:35px;
		font-size:20px;
	}
	.button{
		height:240px;
	}
	.button-box-left p{
		font-size:2rem;
	}
	.button-box-right p{
		font-size:2rem;
	}
	.button-dian-left-dian{
		margin-left:-1.4%;
	}
	.button-dian-left-dian1 p{
		margin-top:-15px ;
	}
	
}
@media screen and (min-width:550px) {
	#box{
		height:1150px;
	}
	.top-top-div2 p{
		font-size:23px;
	}
	.top-top-div2 label{
		font-size:18px;
	}
	.top-content-left p{
		font-size:18px;
	}
	.top-content-right span{
		font-size:18px;
	}
	.top{
		height:200px;
	}
	.top-content{
		margin-top:10px;
	}
	.top-bottom-left p{
		font-size:26px;
	}
	.top-bottom-right input{
		width:150px;
		height:35px;
		font-size:20px;
	}
	.button{
		height:250px;
	}
	.button-box-left p{
		font-size:2rem;
	}
	.button-box-right p{
		font-size:2rem;
	}
	.button-dian-left-dian1 p{
		font-size:16px;
	}
	
}
@media screen and (min-width:600px) {
	#box{
		height:1280px;
	}
	.top-top-div2 p{
		font-size:23px;
	}
	.top-top-div2 label{
		font-size:18px;
	}
	.top-content-left p{
		font-size:18px;
	}
	.top-content-right span{
		font-size:18px;
	}
	.top{
		height:200px;
	}
	.top-content{
		margin-top:10px;
	}
	.top-bottom-left p{
		font-size:26px;
	}
	.top-bottom-right input{
		width:150px;
		height:35px;
		font-size:20px;
	}
	.button{
		height:260px;
	}
	.button-box-left p{
		font-size:2rem;
	}
	.button-box-right p{
		font-size:2rem;
	}
	.button-dian-left-dian1 p{
		font-size:16px;
	}
	.button-dian-left-dian{
		margin-left:-1.0%;
	}
	
}
@media screen and (min-width:670px) {
	#box{
		height:1350px;
	}

	.top-top-div2 p{
		font-size:26px;
	}
	.top-top-div2 label{
		font-size:20px;
	}
	.top-content-left p{
		font-size:20px;
	}
	.top-content-right span{
		font-size:20px;
	}
	.top{
		height:200px;
	}
	.top-content{
		margin-top:10px;
	}
	.top-bottom-left p{
		font-size:28px;
	}
	.top-bottom-right input{
		width:170px;
		height:35px;
		font-size:24px;
	}
	.button{
		height:280px;
	}
	.button-box-left p{
		font-size:2.2rem;
	}
	.button-box-right p{
		font-size:2.2rem;
	}
	.button-dian-left-dian1 p{
		font-size:20px;
		margin-top:-19px ;
	}
	.button-dian-left-dian{
		margin-left:-1.0%;
	}
	
	
}

@media screen and (min-width:750px) {
	#box{
		height:1500px;
	}
	.top-top-div2 p{
		font-size:28px;
	}
	.top-top-div2 label{
		font-size:22px;
	}
	.top-content-left p{
		font-size:22px;
	}
	.top-content-right span{
		font-size:22px;
	}
	.top{
		height:200px;
	}
	.top-content{
		margin-top:10px;
	}
	.top-bottom-left p{
		font-size:30px;
	}
	.top-bottom-right input{
		width:180px;
		height:35px;
		font-size:26px;
	}
    .button{
		height:300px;
	}
	.button-box-left p{
		font-size:2.4rem;
	}
	.button-box-right p{
		font-size:2.4rem;
	}
	.button-dian-left-dian1 p{
		font-size:22px;
	}
}

